function loadLinksInfo() {
	$.ajax({
		type: 'get',
		url: 'admin/links',
		success: function (res) {
			console.log(res.data);
			let str = `
			<li class="head">
					<span>ID</span>
					<span>链接图标</span>
					<span>链接名称</span>
					<span>链接地址</span>
					<span>链接描述</span>
					<span>操作</span>
				</li>
			`
			res.data.forEach(item => {
				str += `
				<li>
					<span>${item.id}</span>
					<span><em><img src="http://localhost:8888/uploads/${item.linkicon}"></em></span>
					<span>${item.linkname}</span>
					<span>${item.linkurl}</span>
					<span>${item.linkdesc}</span>
					<span>
						<button type="button" class="layui-btn layui-btn-xs edit" data-id="${item.id}">编辑</button>
						<button type="button" class="layui-btn layui-btn-xs layui-btn-danger del" data-id="${item.id}">删除</button>
					</span>
				</li>
				`

			})
			$('.content').html(str)

		}
	})
}
loadLinksInfo()

//添加功能
$('.links').click(function () {
	var index = layer.open({
		type: 1,
		title: '添加友情链接',
		content: $('#add-form-tpl').html(),
		area: ['500px', '350px']
	})
	// 绑定文件上传按钮点击事件
	$('#urlIcon').click(function () {
		$('#linkFile').click()
	})
	// 监听文件选中事件
	$('#linkFile').change(function (e) {
		const objectURL = URL.createObjectURL(e.target.files[0])
		$('#preIcon').attr('src', objectURL)
	})
	// 绑定添加链接的提交事件
	$('#add-form').submit(function (e) {
		e.preventDefault()
		let fd = new FormData(this)
		$.ajax({
			type: 'post',
			url: 'admin/links',
			data: fd,
			processData: false,
			contentType: false,
			success: function (res) {
				if (res.status === 0) {
					// 关闭窗口
					layer.close(index)
					// 刷新列表
					loadLinksInfo()
				}
			}
		})
	})
})

//删除功能
$('.content').on('click', '.del', (e) => {

	let id = $(e.target).data('id')
	layer.confirm('确实要删除吗？', function (index) {
		$.ajax({
			type: 'delete',
			url: 'admin/links/' + id,
			success: function (res) {
				if (res.status === 0) {
					// 删除成功
					layer.close(index)
					loadLinksInfo()
				}
			}
		})
	})
})

//修改友情链接
$('.content').on('click', '.edit', function (e) {
	let id = $(e.target).data('id')
	// 获取链接数据
	$.ajax({
		type: 'get',
		url: 'admin/links/' + id,
		success: function (res) {
			let form = layui.form
			let index = layer.open({
				type: 1,
				title: '编辑友情链接',
				content: $('#edit-form-tpl').html(),
				area: ['500px', '350px']
			})
			// 设置预览图片效果
			$('#preIcon').attr('src', 'http://localhost:8888/uploads/' + res.data.linkicon)
			// 初始化表单数据
			delete res.data.linkicon
			form.val('editForm', res.data)

			// 绑定文件上传按钮点击事件
			$('#urlIcon').click(function () {
				$('#linkFile').click()
			})
			// 监听文件选中事件
			let file = null
			$('#linkFile').change(function (e) {
				const objectURL = URL.createObjectURL(e.target.files[0])
				file = e.target.files[0]
				$('#preIcon').attr('src', objectURL)
			})

			// 绑定表单提交事件
			$('#edit-form').submit(function (e) {
				e.preventDefault()
				var fd = new FormData(this)
				if (file) {
					fd.append('linkicon', file)
				}
				$.ajax({
					type: 'put',
					url: 'admin/links/' + id,
					data: fd,
					processData: false,
					contentType: false,
					success: function (res) {
						if (res.status === 0) {
							// 编辑成功
							layer.close(index)
							loadLinksInfo()
						}
					}
				})
			})
		}
	})
})